<template>
  <div id="app">
       <router-view></router-view>
         <footer>
            <ul>
              <li>
                <router-link to="/Home">
                    <span class="iconfont">&#xe60c;</span><br/>
                    <span class="item">外卖</span>
                </router-link>
              </li>
              <li>
                <router-link to="/Discover" >
                    <span class="iconfont icon-faxian"></span><br/>
                    <span class="item">发现</span>
                </router-link>
              </li>
              <li>
                <router-link to="/Order" >
                  <span class="iconfont icon-indent"></span><br/>
                  <span class="item">订单</span>
                </router-link>
              </li>
              <li>
                  <router-link to="/Mine">
                    <span class="iconfont">&#xe66e;</span><br/>
                    <span class="item">我的</span>
                  </router-link>
              </li>
            </ul>
        </footer>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
     
    }
  }
}
</script>

<style scope>

</style>
